Как контролировать Ajax

[biryukovm]

Привет всем может кто подскажет

У меня есть функция внутри нее есть ajax запрос
Функция вызывается кнопкой.

Так вот типа параметра включить и выключить товар. срабатывает скрипт.

Вот что делать если клиент кликает кучу раз и за место 1 запроса отправляется та куча что он накликал

Как сделать так чтоб пока я не получил ответ, нельзя было отправить запрос ajax повторно

Покажите на пальцах
вот мой код

function tovar_fl(val){
        $.ajax({
            type: "POST",
            url: "/js.php",
            data: {"tip": 'tovar_fl', "val": val},
            dataType: "json",
            cache: false,
            success: function(data){
// тут делается подмена html кнопки
            }
        });
}

[biryukovm]

$.ajax({
    beforeSend: function () {
        $button.prop('disabled', true);
    },
    success: function (data) {
        // ...
    },
    complete: function () {
        $button.prop('disabled', false);
    }
});

Я как понял этот пример если мы используем button а если это тег <a> или тот же <span>

[j0hnik]

Я как понял этот пример если мы используем button а если это тег <a> или тот же <span>

можно использовать флажок

var flag =true;

//beforeSend
flag = false; 
//complete
flag = true; 

if(flag){
//ваш аякс
}

или использовать data атрибут

[Nexus]

Или свойство disabled.

onclick = function() {
    if (this.disabled)
        return;

    this.disabled = true;
    $.post().complete(() => {
        this.disabled = false;
    });
}

[j0hnik]

Nexus,
у 'спана' и 'a' дизейбла быть не должно.

[Nexus]

j0hnik,

у 'спана' и 'a' дизейбла быть не должно.

Почему?
В W3C Recommendations свойство disabled к названным элементам неприменимо, однако от рекомендации можно отступить, мое мнение.

+ такого подхода в том, что 1 обработчик можно на любые элементы вешать и для input,textarea,button,etc. не нужно будет дополнительные стили писать.

[j0hnik]

Nexus,
не лучше ли заменить на dataset.disabled и код валидный станет?

[Nexus]

j0hnik, чем лучше?)
Думаю особой разницы нет.

[j0hnik]

код валидный станет

[Nexus]

j0hnik, а чем он инвалидный в случае использования свойства disabled?)

ps. ссылка как была HTMLAnchorElement, так и осталась

<a id="a">asd</a>
<script>
	console.log(Object.prototype.toString.call(a));
	a.disabled=true;
	console.log(Object.prototype.toString.call(a));
</script>